<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- 修改视口标签 -->
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>仿苏宁易购</title>
  <!-- 引入normalize样式 -->
  <link rel="stylesheet" href="styles/normalize.css">
  <!-- 引入index样式 -->
  <link rel="stylesheet" href="styles/index.css">
  <!-- 引入字体图标样式 -->
  <link rel="stylesheet" href="fonts/iconfont.css">
</head>

<body>
  <!-- 搜索框导航栏 -->
  <div class="index_nav">
    <!-- 分类/登陆 -->
    <div class="content_wrap_one">
      <a href="#" class="class">
        <img src="images/class.png" alt="">
      </a>
      <div class="top_ad">
        <a href="#">
          <img src="images/nav_ad.gif" alt="">
        </a>
      </div>
      <a href="#" class="login">
        <img src="images/login.png" alt="">
      </a>
    </div>
    <!-- 搜索模块 -->
    <div class="content_wrap_two">
      <div class="search_bar">
        <a href="#" class="search">
          <i class="search-icon"></i>
        </a>
        <form action="">
          <input type="text" class="searchInput" placeholder="商品/店铺">
        </form>
      </div>
    </div>
  </div>
  <!-- 轮播图模块banner -->
  <div class="banner">
    <img src="uploads/banner-bg.png" alt="" class="banner_bg">
    <div class="swipe_wrapper">
      <div class="banner_ad">
      </div>
    </div>
  </div>
  <!-- 广告模块 -->
  <div class="ad">
    <a href="#">
      <img src="uploads/ad.gif" alt="">
    </a>
  </div>
  <!-- nav模块 -->
  <div class="nav">
    <a href="#">
      <img src="uploads/fruit.png" alt="">
      <div class="title">免费水果</div>
    </a>
    <a href="#">
      <img src="uploads/fruit.png" alt="">
      <div class="title">免费水果</div>
    </a>
    <a href="#">
      <img src="uploads/fruit.png" alt="">
      <div class="title">免费水果</div>
    </a>
    <a href="#">
      <img src="uploads/fruit.png" alt="">
      <div class="title">免费水果</div>
    </a>
    <a href="#">
      <img src="uploads/fruit.png" alt="">
      <div class="title">免费水果</div>
    </a>
    <a href="#">
      <img src="uploads/fruit.png" alt="">
      <div class="title">免费水果</div>
    </a>
    <a href="#">
      <img src="uploads/fruit.png" alt="">
      <div class="title">免费水果</div>
    </a>
    <a href="#">
      <img src="uploads/fruit.png" alt="">
      <div class="title">免费水果</div>
    </a>
    <a href="#">
      <img src="uploads/fruit.png" alt="">
      <div class="title">免费水果</div>
    </a>
    <a href="#">
      <img src="uploads/fruit.png" alt="">
      <div class="title">免费水果</div>
    </a>
  </div>
</body>

</html>
